/* pages/tabBar/user/user.wxss */
page {
  background-color: #edece8;
}
// 个人信息
.user_info_warp {
  height: 45vh;
  background-color: var(--themeColor);
  overflow: hidden;
  .user_info {
    position: relative;
    .user_bg {
      height: 48vh;
      filter: blur(20rpx);
      text-align: center;
    }

    .user_info_content {
      position: absolute;
      left: 50%;
      top: 20%;
      transform: translateX(-50%);
      .user_icon {
        height: 180rpx;
        width: 180rpx;
        border-radius: 50%;
      }

      .user_name {
        color: #000000a1;
        font-size: 40rpx;
        margin-top: 40rpx;
      }
    }
  }

  .user_info_login {
    position: absolute;
    left: 50%;
    top: 200rpx;
    transform: translateX(-50%);
    button {
      width: 150rpx;
      height: 80rpx;
      text-align: center;
      line-height: 80rpx;
    }
  }
}
// 用户浏览和购买记录
.user_content_warp {
  position: relative;
  .user_main {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -40rpx;
    width: 90%;
    // margin-bottom: 40rpx;
    .user_history_warp {
      background-color: #fff;
      display: flex;
      .his_warp {
        flex: 1;
        text-align: center;
        padding: 10rpx 0;
        view.num {
          color: var(--themeColor);
        }

        .text {
        }
      }
    }
    // 我的订单
    .user_order_warp {
      margin-top: 30rpx;
      background-color: #fff;
      .myOrder {
        padding: 20rpx;
        border-bottom: 1rpx solid #ccc;
      }
      .orders_warp {
        display: flex;
        text-align: center;
        padding: 10rpx;
        .order {
          flex: 1;
          .iconfont{
              font-size: 40rpx;
              color: var(--themeColor);
          }
        }
      }
    }
    // 收货地址
    .user_address {
        background-color: #fff;
        margin-top: 30rpx;
        .address{
            padding: 20rpx;
        }
    }
    // 应用信息
    .app_detail {
        background-color: #fff;
        margin-top: 30rpx;
        .app_info_item{
            border-bottom: 1rpx solid #ccc;
            padding: 20rpx;
        }
        .app_info_sb{
            display: flex;
            justify-content: space-between;
        }
    }
  }
}
